<template>
  <v-md-preview  class="preview-c" :text="textarea"></v-md-preview>
</template>

<script>
import '@kangc/v-md-editor/lib/theme/style/github.css';
export default {
  name: "vue-markdown-preview",
  data(){
    return{
      textarea:"```\n" +
          "import Vue from 'vue';\n" +
          "import VueMarkdownEditor from '@kangc/v-md-editor';\n" +
          "import '@kangc/v-md-editor/lib/style/base-editor.css';\n" +
          "import vuepressTheme from '@kangc/v-md-editor/lib/theme/vuepress.js';\n" +
          "\n" +
          "VueMarkdownEditor.use(vuepressTheme);\n" +
          "\n" +
          "Vue.use(VueMarkdownEditor);\n" +
          "```\n" +
          "w1",
    }
  }
}
</script>

<style scoped>
.preview-c >>>.github-markdown-body{
  background-color: #fff;
}
</style>